<%--
    Document   : index
    Created on : Mar 9, 2013, 1:11:46 PM
    Author     : duonghung1369
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib tagdir="/WEB-INF/tags/common/" prefix="common" %>
<%@taglib uri="/struts-tags" prefix="s" %>
<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Antique Shop</title>
        <link rel="stylesheet" type="text/css" href="../resource/css/style.css" >
        <script src="../resource/js/common.js" type="text/javascript" ></script>
        <script>
            window.onload = function() {
                document.getElementById('login-input-username').focus();
            }
        </script>
    </head>
    <body>
        <div class="antiqueshop-container">
            <div class="container">
                <div id="header">
                    <common:header />
                    <common:login_logout />
                </div>
                <div id="navigation">

                </div>
                <div id="column-left">
                    <common:category />
                </div>
                <div id="content">                    
                    <h1>Login</h1>
                    <s:actionerror cssStyle="color:red;" />
                    <form action="login.html" method="post">
                        <table border="0">
                            <tbody>
                                <tr>
                                    <td>Username(*)</td>
                                    <td><input id="login-input-username" name="username" type="text" title="6 to 30 characters [a-zA-Z0-9]" pattern="[a-zA-Z0-9]{6,30}" required />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Password(*)
                                    </td>
                                    <td>
                                        <input name="password" type="password" title="6 to 30 characters" pattern="[a-zA-Z0-9]{6,30}" required />
                                    </td>
                                </tr>
                                <tr>
                                    <td>

                                    </td>
                                    <td>
                                        <input name="btnLogin" class="custom-button" type="submit" value="Login" />
                                        <input name="btnReset" class="custom-button" type="reset" value="Reset" />
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </form>
                </div>
                <div id="footer">
                    <common:footer />
                </div>
            </div>
        </div>
    </body>
</html>
